.container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background-color: #b3efefef;
}

.input1{
    margin-top: 20px;
    margin-bottom: 10px;
    width: 90%;
    height: 50px;
}

.search {
    background-color: white;
}

.container-top{
    width: 100%;
    flex-direction: row;
    height: 34px;
    justify-content: space-around;
}

.titleDiv {
    width: 90%;
}

.top-text{
    margin-left: 100px;
    font-size: 20px;
    flex-weight: 800;
}

.top-img1{
    margin-left:20px;
    width: 30px;
    height: 30px;
    object-fit:fill;
}

.top-img2{
    margin-right: 20px;
    width: 30px;
    height: 30px;
    object-fit:fill;
}

.title {
    font-size: 25fp;
    font-weight: 600;
}

.timeDiv {
    height: 20px;
}

.assessDiv {
    align-items: center;
    justify-content: center;
    width: 92%;
    height: 200px;
    border-radius: 10px;
    background-color: #ffffff;
    flex-direction: column;
    margin-bottom: 10px;
}

.assessTitle{
    align-items: center;
    height: 50px;
    border-top-right-radius: 10fp;
    border-top-left-radius: 10fp;
    justify-content: center;
    width: 100%;
    background-color: #355bff;
    margin-bottom: 20px;
    color: white;
    font-size: 25fp;
}

.assessRowDiv {
    justify-content: space-between;
}

.circle-progress {
    height: 200px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.textDiv {
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.minProgress {
    width: 180px;
    height: 180px;
}

.minProgressFont {
    margin-top: 10px;
}

.circleDiv {
/*    radius: 50fp;*/
    width: 150fp;
    height: 150fp;
    align-items: center;
    justify-content: center;
    margin-right: 15fp;
}

.progressDiv {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
}

.progress{
    stroke-width: 6fp;
}

.gridDiv {
    margin-left: 2%;
    margin-right: 2%;
    display: grid;
    grid-template-columns: 1fr  1fr;
    grid-template-rows: 180px  180px;
    height: 400px;
}

.action1Div {
    flex-direction: column;
    background-color: #ffffff;
    width: 93%;
    height: 93%;
    border-bottom-right-radius: 15fp;
    border-bottom-left-radius: 15fp;
    border-top-left-radius: 15fp;
    border-top-right-radius: 15fp;
    justify-content: space-between;
    align-items: center;
}

.cardUpText {
    margin-top: 10px;
    margin-left: -60px;
    font-size: 17fp;
    font-weight: 600;
}

.chart-data {
    width: 100px;
    height: 70px;
}

.cardImgDiv{
    width: 70px;
    height: 70px;
}

.cardImg{
    object-fit: cover;
}

.cardDownDiv {
    font-size: 20fp;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 10px;
}

.numText {
    font-weight: 600;
    font-size: 30fp;
    margin-bottom: -5px;
}

.cardDownText {
    font-size: 14fp;
    color: dimgray;
}